<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/car.css">
</head>
<body>
    <div class="fixed">
        <a class="bc-top" href="#top"><i></i>返回顶部</a>
        <a href="">反馈</a>
    </div>
    <!-- 版心 -->
    <!-- <div class="layout contWrap"> -->
        <!-- 登录顶部 -->
    <div class="menu">
        <div class="top1">
            <div class="leftBox">
                <a href="" target="_blank" title="手机版">
                    <s></s>
                    手机版
                </a>
                <i>|</i>
                <a href="" target="_blank" title="Q币充值">Q币充值</a>
            </div>
            <div class="rightBox">
                <a href="" target="_blank" title="游戏导航" class="game_menu">游戏导航</a>
                <i>|</i>
                <a href="" target="_blank" title="帮助中心">帮助中心</a>
                <i>|</i>
                <a href="" target="_blank" title="我的订单">我的订单</a>
                <i>|</i>
                <div class="login">
                    <div class="unlogin off">您还未登录，请<a href="./login.html" title="登录">登录</a></div>
                    <div class="unlogin hide on">欢迎您<a href="./login.html" title="登录">登录</a></div>
                    <div class="logined" style="display: none;">欢迎你</div>
                </div>
            </div>
        </div>
    </div>
        <!-- 搜索块 -->
    <div class="menu-box">
        <div class="bg-first">
        <div class="findBox">
            <div class="bgc">
                <a href=""></a>
            </div>
            <div class="inputBox">
                <div class="inputbox">
                    <a href=""></a>
                    <input type="text" value="请输入道具进行搜索" attr_default="请输入道具名称">
                    <ul></ul>
                </div>
            </div>
            <div class="logbox">
                <a href=""></a>
            </div>
        </div>
        </div>
        <!-- 大导航 -->
        <div class="navigationBox">
            <div class="navigation">
                <ul>
                    <li>
                        <a href="./index.html" >首页</a></li>
                    <li ><a href="./list.html">商品列表</a></li>
                    <li><a href="">活动专区</a></li>
                    <li><a href="">限时折扣</a></li>
                    <li><a href="">聚豆乐园</a></li>
                    <li><a href="">周边商城</a></li>
                    <li><a href="">个人中心</a></li>
                </ul>
                <div class="shopCar">
                    <a href="./car.html">
                        <i>(<span class="car-Num">0</span>)</i>
                        <s></s>
                        购物车</a>
                </div>
            </div>
        </div>
        
    </div>
    <!-- 位置信息 -->
    <div class="localtion">
        <div class="lf">
            您现在的位置：&nbsp;&nbsp;>&nbsp;&nbsp;<span>购物车</span>
        </div>
    </div>
    <div class="center">
        <!-- 用户信息 -->
        <div class="user-infor">
            <h3>收货角色信息</h3>
            <div class="up-down">
                <div class="down">
                    <span>选择游戏角色</span>
                </div>
            </div>
        </div>
        <!-- 字段商品信息 -->
        <div class="goods-list">
            <h2 class="goodsInfor">商品信息</h2>

            <div class="buyCar">
                <div class="buycar-off">
                    <h1>您的购物车里面没有商品</h1>
                    <p><a href="./list.html" role="button">现在去选购</a></p>
                </div>
                
                <table class="buy-list-tb buycar-on">
                    
                </table>
            </div>
        </div>
        <!-- 购物车商品列表 -->
        
        <!-- 购买 -->
        <div class="buy-btn">
            <h2 class="goodsInfor">订单信息</h2>
            <div class="pay-infor">
                <span class="gg-box">
                    <span class="gg">英雄联盟周边商城火热上线</span>
                    <a href="https://mall.qq.com/lol/">查看详情</a>
                </span>
                <span>总价:</span>
                <span>-优惠券:</span>
                <span>-购物点:</span>
                <span>=</span>
                <span>实付款</span>
                <span class="num-comon">
                    <span class=""> </span> 
                    Q币
                </span>
                <div class="pay-btn">
                    <a href="#">提交订单</a>
                </div>
            </div>
        </div>
        <!-- 提示信息 -->
        <div class="tips-bto">
            <h3 class="goodsInfor">温馨提示</h3>
            <ol>
                <li>"
                    <span style="color: red;">LOL优惠券使用规则：[道具包]分类道具全场无法使用，每张优惠券的信息，请仔细核对以下信息：订单满减的金额是否符合要求、优惠券限定可用的道具范围。</span>
                    "
                </li>
                <li>"购买成功后系统会自动发货，如发货失败24小时内会自动补发。"</li>
                <li>"请确认游戏中是否存在购物车中的英雄或皮肤，如果存在，请勿重复购买。"</li>
                <li>"请重新登录游戏查收物品。"</li>
            </ol>
        </div>
    </div>
    <!-- </div> -->
    <!-- 底部 -->
    <div class="footBox">
        <div class="bx_qa foot-wrap">
            <div class="bx_t1">
                <h4><s></s>我是新手</h4>
                <ul>
                    <li>什么是道聚城</li>
                    <li>如何购买</li>
                    <li>如何赠送</li>
                    <li>如何获取聚豆</li>
                </ul>
            </div>
            <div class="bx_t1">
                <h4><s></s>我是新手</h4>
                <ul>
                    <li>什么是道聚城</li>
                    <li>如何购买</li>
                    <li>如何赠送</li>
                    <li>如何获取聚豆</li>
                </ul>
            </div>
            <div class="bx_t1">
                <h4><s></s>我是新手</h4>
                <ul>
                    <li>什么是道聚城</li>
                    <li>如何购买</li>
                    <li>如何赠送</li>
                    <li>如何获取聚豆</li>
                </ul>
            </div>
            <div class="bx_t1">
                <h4><s></s>腾讯在线服务</h4>
                <ul>
                    <li>腾讯官方客服在线服务</li>
                </ul>
                <a class="ploic" href="//szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f" target="_blank"></a>
            </div>
            <div class="bx_t1 bx-code">
                <ul>
                    <li>
                        <img src="../img/list/zsdjc.png" alt="">
                        <p>掌上道聚城</p>
                    </li>
                    <li>
                        <img src="../img/list/zsdjc.png" alt="">
                        <p>道聚城公众号</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot-wrap">
            <div class="footer">
                <p>
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>|
                    <a href="">服务条款</a>
                </p>
                <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                <p><a href="">腾讯公司 版权所有</a></p>
            </div>
        </div>
    </div>
</body> 
    <script src="../assets/jquery/jquery.js"></script>
    <script src="../js/publc.js"></script>
    <script src="../js/car.js"></script>
</html>